@import url(font/siyuan.css);
html, body {
	font-size: 16px;
	color:#666;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-family:"siyuan";
	background: #fff;
	-webkit-text-size-adjust: none;
}
a,a:focus,a:active {color: #333;	text-decoration: none;outline: 0px none;}
.h30{margin-top: 30px;}
.h15{margin-top: 15px;}
.h45{margin-top: 45px;}
h1,h2,h3,h4{margin:0;padding:0;}
a:hover,a:active{text-decoration: none;}
ul{padding:0;margin:0;}
ul li{list-style:none;}
.fl{float:left;}
.fr{float:right}
.ct{text-align: center}
.clear{clear:both;}
div{padding:0;margin:0;}
.w100{width:100%;}
.w1200{width:1200px;margin:0 auto;overflow: hidden;}
.head{padding:30px 0 0;}
.logo{width:589px;height: 56px;}
.tel,.language{display: inline-block;padding:0 10px;}
.tel i,.email i,.language i{width:24px;height: 24px;display: inline-block;margin-right: 15px;background: url(../images/ico.png) no-repeat; }
.tel i{background-position: 0 0;}
.email i{background-position:-46px 2px;}
.email{display: block;padding:0 10px;}
.language i{background-position:-101px 0;}
.tel span,.email span,.language span{display: inline-block;font-size: 18px;font-weight:bold;font-family: arial;color: #333;height: 30px;line-height: 30px;}
.menu{border-top: 1px solid #e3e3e3;}
.menu ul{ display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}
.menu ul li{height:70px;line-height: 70px;width:120px;text-align: center;}
.menu ul li a{color: #010101}
.menu ul li:hover,.menu .active{background: #0051a4;}
.menu ul li:hover a,.menu .active a{color: #fff;}
.menu{border-top: 1px solid #e3e3e3;background-color: #0051a4;}
.menu ul{ display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}
.menu ul li{height:70px;line-height: 70px;width:120px;text-align: center;}
.menu ul li a{color: #fff}
.menu ul li:hover,.menu .active{background: #fff;}
.menu ul li:hover a,.menu .active a{color: #0051a4;}


.banner{height:650px;margin: 0 auto;text-align: center;}
.banner img{max-width: 100%;width: auto;max-height: 100%;height: auto;}

.nbanner{height:322px;text-align: center;margin: 0 auto;background: url(../images/nbanner.jpg) center no-repeat;text-align:left;}
.nbanner img{max-width: 100%;width: auto;max-height: 100%;height: auto;}

.about{padding: 70px 0 60px 0;}
.about abbr{display: block;color: #333;font-size: 36px;text-align: center;}
.about span{display: block;color: #666;font-size: 20px;text-align: center;margin:15px auto;}
.about p{text-align: center;color: #666;line-height: 30px;}
.about .more{width: 160px;height: 40px;line-height: 40px;font-size:14px;border-radius: 20px;border: 1px solid #578cc3;margin:30px auto;text-align: center;}
.about .more a{color: #333;}

.aboutbg{height: 650px;background: url(../images/aboutbg.jpg) repeat-x;}

.pro{height: 794px;background: url(../images/probg.jpg) center no-repeat;padding: 70px 0 60px 0;background-size: cover !important;}
.pro abbr{display: block;color: #333;font-size: 36px;text-align: center;}
.pro ul{margin:45px 0 70px 0;/*display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;*/}
.pro ul li{float:left;margin-right:1%;width: 19%;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;background: #fff;}
.pro ul li h3{width: 100%;height: 50px;line-height: 50px;font-size: 15px;}
.pro ul .active,.pro ul li:hover{background: #0051a4;}
.pro ul .active a,.pro ul li:hover a{color: #fff;}
.pro .tab-content{margin-top:40px;}
.pro .pimg{width:650px;height:445px;line-height:445px;background: #fff;text-align: center }
.pro .pimg img{max-width: 100%;width: auto;}
.pro .txt{width:460px;}
.pro .txt strong{font-size: 28px;color:#0051a4;}
.pro .txt strong::after{content: "";width: 80px;height: 2px;background: #0051a4;margin:30px 0;display: block;}
.pro .txt p{color: #444;line-height: 25px;}
.pro .txt span{color: #000;}
.pro .more{width: 160px;height: 40px;line-height: 40px;font-size:14px;border-radius: 20px;border: 1px solid #578cc3;margin:30px 0;text-align: center;background: #fff;}
.pro .more a{color: #333;}
.news{padding:70px 0 70px 0;}
.news h2{display: block;color: #333;font-size: 36px;text-align: center;margin-bottom: 30px;}
.newsleft{width:590px;height: 445px;overflow: hidden;}
.newsright{width: 610px;height: 445px;border: 1px solid #e3e3e3;box-sizing: border-box;}
.newsright ul{padding:20px 0;}
.newsright ul li{height: 50px;line-height: 50px;padding:0 25px;font-size: 15px;}
.newsright ul li a{color: #666;}
.newsright ul li span{float:right;font-size: 14px;color: #666;display: inline-block;}
.newsright ul li:hover{background: #0051a4;}
.newsright ul li:hover span{color: #fff;}
.newsright ul li:hover a{color:#fff;}

/*底部*/
.foot{height: 515px;background: #004790}
.footmenu{height: 95px;line-height: 95px;border-bottom: 1px dashed #4176ac;}
.footmenu ul{display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}
.footmenu ul li{width:11%;text-align: left;}
.footmenu ul li a{color: #fff;}
.footmenu ul li::after{content: "—";width:20px;height:1px;color: #fff;margin:0 15px;display: inline-block;}
.footmenu ul li:last-child::after{content: "";}
.footmenu dl{margin: 60px 0 50px 0;width: 31.5%;float: left;border-right: 1px solid #4175ab;height: 230px;}
.footmenu h2{font-size: 26px;font-weight: bold;margin-top: 15px;color: #fff;}
.footmenu dl dd{line-height: 35px;color: #fff;}
.footmenu .contact{margin-left:5%;}
.footmenu .ewm{text-align: right;border: none;}
.bottom{height: 60px;line-height:60px;text-align: center;color: #7f9cbe;}
.bottom a{color: #fff;}

/*产品列表*/
.prolist{margin: 40px auto;}
.prolist-l{width:245px;}
.prolist-l dl{width: 100%;border: 1px solid #d2d2d2;}
.prolist-l dl dt{height: 70px;line-height: 70px;background: #004790;padding-left: 25px;color: #fff;font-weight: bold;}
.prolist-l dl dt i{display:inline-block;width: 21px;height: 30px;background: url(../images/ico1.png) no-repeat;background-position: 0 3px;margin-top:5px;margin-right: 10px;}
.prolist-l dl:nth-child(2) dt{background: #7e7e7f;}
.prolist-l dl:nth-child(2) i{background-position: 0 -27px;}
.prolist-l dl dd{line-height: 50px;padding-left: 25px;font-size: 14px;border-bottom: 1px solid #eeeeee;margin-left: 0;}
.prolist-l dl dd a{color: #666;}
.prolist-l dl dd:hover,.prolist-l .active{background: #ddd;}


.prolist-r{width:925px;}
.prolist-r h1,.prolist-r h4{height: 70px;line-height: 70px;font-size: 20px;font-weight: bold;border-bottom: 2px solid #004790;min-width: 110px;float:left;}
.prolist-r .tt span{font-size: 14px;color: #666;float: right;line-height: 70px;}
.prolist-r .tt a{color: #666;}
.prolist-r .tt{height: 70px;border-bottom: 1px solid #d3d3d3;}
.prolist-r ul{margin: 50px 0;}
.prolist-r ul li{height: 200px;border-bottom: 1px dashed #d4d4d4;margin-top:50px;}
.prolist-r .pimg{width: 365px;height: 150px;line-height: 150px;text-align: center;overflow: hidden;}
.prolist-r .pimg img{max-width: 100%;width: auto;max-height: 100%;height: auto;}
.prolist-r .pimg .swiper-container{height: 150px;}
.prolist-r .pimg1{width: 307px;height: 190px;line-height: 190px;text-align: center;margin-top:-30px;overflow: hidden;}
.prolist-r .pimg1 img{max-width: 100%;width: auto;max-height: 100%;height: auto;}
.prolist-r .txt{width: 435px;margin-right: 15px;}
.prolist-r h3{font-size: 18px;color: #333;}
.prolist-r  p{font-size: 14px;color: #666;margin: 15px 0;line-height: 25px;height: 90px;}
.prolist-r .more{width: 110px;height: 30px;line-height: 30px;text-align: center;background: #7e7e7f;}
.prolist-r .more a{color: #fff;width: 100%;height: 100%;display: block;}
.prolist-r ul li:hover h3{color: #00559d;}
.prolist-r ul li:hover .more{background: #00559d;}

/*产品详情*/
.pview{margin: 40px 0;}
.pview h1{border-bottom: none;text-align: center;float:none;}
.pview .pimg{width:825px;min-height:145px;height:auto;text-align: center;margin: 0 auto;line-height:50px;}
.pview .pimg img{width: auto;max-width: 100%;}
.pview .pimg .swiper-container{height: auto;}
.pview .pimg p{font-size: 22px;}
.pview .txt{margin:10px 0;width: 100%;}
.pview .txt h3{font-size: 16px;font-weight: bold;border-bottom: 2px solid #004790;width: 120px;height: 40px;line-height: 40px;}
.pview .txt p{line-height: 25px;height: auto;}
.pview .txt img{width: auto;max-width: 100%;}
/*新闻列表*/
.newslist{width: 925px;}
.newslist h1,.newslist strong{height: 70px;line-height: 70px;font-size: 20px;font-weight: bold;border-bottom: 2px solid #004790;min-width: 110px;float:left;}
.newslist .tt span{font-size: 14px;color: #666;float: right;line-height: 70px;}
.newslist .tt a{color: #666;}
.newslist .tt{height: 70px;border-bottom: 1px solid #d3d3d3;}
.newslist ul{border-top: 2px solid #d1d1d1;padding:20px 0;}
.newslist ul li{margin:0 0 20px 0;}
.newslist .panel-default{width:80px;height: 80px;float: left;text-align: center;}
.newslist .panel-body{padding:5px 15px;}
.newslist .bd{float: right;width:90%; display: block;margin: 0;}
.newslist .bd a{color:#333;display: block;}
.newslist blockquote{border-left:0;}

/*联系我们*/
.contact{margin:70px auto;}
.contact h1{font-size:30px;color:#333;}
.contact ul{margin:52px 0;display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;}
.contact ul li{width:25%;padding:0 12px;border-right:1px solid #ccc;}
.contact ul li i{width:40px;height: 70px;display: inline-block;margin-right:10px;background: url(../images/ico2.png) no-repeat;float:left;}
.contact ul li:nth-child(1) i{background-position: 0 0;}
.contact ul li:nth-child(2) i{background-position: -66px 0;}
.contact ul li:nth-child(3) i{background-position: -141px 0;}
.contact ul li:nth-child(4){border-right: none;}
.contact ul li:nth-child(4) i{background-position: -208px 0;}
.contact ul li p{color: #444; display: inline-block;}
.contact ul li span{color:#888;display: block;}
.book{background: #f7f7f7;padding: 60px 30px 80px 30px;}
.book h3{text-align: center;color: #333;font-size: 30px;}
.book input{width: 33%;height: 45px;line-height: 45px;padding: 0 20px;border:1px solid #ccc;margin:20px 0;box-sizing: border-box;}
.book textarea{border:1px solid #ccc;height: 300px;width: 100%;padding: 20px;box-sizing: border-box;font-family:"siyuan";font-size: 16px;}
.book .submit{background: #00559d;text-align: center;color: #fff;height: 45px;line-height:45px;outline: none;border:none;float:right;margin-top:20px;}
.btn-nav{display: none;}
/*分页*/
.page { width:100%; float:left;padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }
.page a { color:#333; background:#f1f1f1; margin:5px; padding:0 15px; line-height:40px; display: inline-table; }
.page a:hover { background:#0056a8; color:#fff; border-radius:0px;}
.page a:active {  background:#0056a8; color:#fff; border-radius:0px;}
.page a.page-num-current { background:#0056a8; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.current { background:#0056a8; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.no { background:#f1f1f1; color:#333; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.disabled { padding:0 9px 0 0px; }
.small{display: none;}
.big{display: block;}

@media screen and (max-width:1920px){

	.nav{display: none;}
	.hidden1{display: block;}
	
}
@media screen and (max-width:1440px){
	.banner,.nbanner{height: auto}
	.nav{display: none;}
	.small{display: none;}
	.big{display: block;}
}


@media screen and (max-width:1200px){
	.w100{width:1200px;}
	.banner{height: auto}
	.nav{display: none;}
}
@media screen and (max-width:661px){

	.page a{padding: 0 7px;}
	.big{display: none;}
	.small{display: block;}
	.menu ul li:hover, .menu .active{background: none;}
	.menu ul li{height: 30px;width: 100%;}
	.menu ul li:hover a, .menu .active a{color: #fff;}
	.menu ul{display: block;}
	menu{position: relative;}

	  
	  .btn-nav {
		position: absolute;
		top: 5px;
		right: 30px;
		background: transparent;
		border: none;
		padding: 10px;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer;
		z-index: 99999;
		display: block;
	  }
	  
	  .btn-nav:focus {
		outline: 0;
	  }
	  
	  .icon-bar {
		display: block;
		margin: 6px 0;
		width: 30px;
		height: 4px !important;
		background-color: #00559d;
	  }
	  
	  
	  
	  .nav-content {
		position: fixed;
		top: -100%;
		bottom: 0;
		left: 0;
		right: 0;
		background: #00559d;
		display: block;
		height: 100%;
		z-index: 9;
	  }
	  
	  .nav-list {
		list-style: none;
		padding: 0;
		position: relative;
		top: 5%;
	  }
	  
	  .item-anchor:after {
		content: "";
		position: absolute;
		width: 3px;
		height: 3px;
		left: 0;
		bottom: 0;
		z-index: 9;
		
		background: transparent;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	  }
	  
	  .item-anchor {
		text-align: center;
		display: block;
		color: #fff;
		font-size: 18px !important;
		text-transform: uppercase;
		position: relative;
		text-decoration: none;
		padding: 5px;
	  }
	  
	  .item-anchor:hover,
	  .item-anchor:focus {
		color: #fff;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	  }
	  
	  .item-anchor:hover:after,
	  .item-anchor:focus:after{
		width: 100%;
		background: #00559d;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	  }
	  
	  .nav-item {
		margin: 40px auto;
		text-align: center;
		
	  }
	  
	  .animated {
		display: block;
		margin: 0 auto;
	  }
	  
	  .animated:hover .icon-bar,
	  .animated:focus .icon-bar{
		background-color: #fff;
	  }
	  
	  .animated:focus {
		cursor: pointer;
		z-index: 9999;
	  }
	  
	  .middle {
		margin: 0 auto;
	  }
	  
	  .icon-bar {
		-webkit-transition: all .7s ease;
		-moz-transition: all .7s ease;
		-ms-transition: all .7s ease;
		-o-transition: all .7s ease;
		transition: all .7s ease;
		z-index: 999999;
	  }
	  
	  .animated .icon-bar {
		z-index: 999999;
		background-color: #fff;
	  }
	  
	  .animated .top {
		-webkit-transform: translateY(10px) rotateZ(45deg);
		-moz-transform: translateY(10px) rotateZ(45deg);
		-ms-transform: translateY(10px) rotateZ(45deg);
		-o-transform: translateY(10px) rotateZ(45deg);
		transform: translateY(10px) rotateZ(45deg);
	  }
	  
	  .animated .bottom {
		-webkit-transform: translateY(-11px) rotateZ(-45deg);
		-moz-transform: translateY(-11px) rotateZ(-45deg);
		-ms-transform: translateY(-11px) rotateZ(-45deg);
		-o-transform: translateY(-11px) rotateZ(-45deg);
		transform: translateY(-11px) rotateZ(-45deg);
	  }
	  
	  .animated .middle {
		width: 0;
	  }
	  
	  @keyframes showNav {
		from {
		  top: -100%;
		}
		to {
		  top: 0;
		}
	  }
	  
	  @-webkit-keyframes showNav {
		from {
		  top: -100%;
		}
		to {
		  top: 0;
		}
	  }
	  
	  @-moz-keyframes showNav {
		from {
		  top: -100%;
		}
		to {
		  top: 0;
		}
	  }
	  
	  @-o-keyframes showNav {
		from {
		  top: -100%;
		}
		to {
		  top: 0;
		}
	  }
	  
	  .showNav {
		-webkit-animation: showNav 1s ease forwards;
		-moz-animation: showNav 1s ease forwards;
		-o-animation: showNav 1s ease forwards;
		animation: showNav 1s ease forwards;
	  }
	  
	  @keyframes hideNav {
		from {
		  top: 0;
		}
		to {
		  top: -100%;
		}
	  }
	  
	  @-webkit-keyframes hideNav {
		from {
		  top: 0;
		}
		to {
		  top: -100%;
		}
	  }
	  
	  @-moz-keyframes hideNav {
		from {
		  top: 0;
		}
		to {
		  top: -100%;
		}
	  }
	  
	  @-o-keyframes hideNav {
		from {
		  top: 0;
		}
		to {
		  top: -100%;
		}
	  }
	  
	  .hideNav {
		-webkit-animation: hideNav 1s ease forwards;
		-moz-animation: hideNav 1s ease forwards;
		-o-animation: hideNav 1s ease forwards;
		animation: hideNav 1s ease forwards;
	  }
	  
	  .hidden1 {
		display: none;
	  }
	  .nav-item{margin: 20px auto;}
	.hidden1{display: none;}
.about p{font-size: 13px;text-align: left;}
.banner,.nbanner{height: auto}
.w100{width:100%;}
.w1200{width:100%;}
/*img{width:100%;height:auto;}*/
.logo{width:70%;height:30px;margin: 20px 20px 20px 15px;}
.logo img{max-width:100%;width:auto;max-height: 100%;height:auto;}
.prolist-r .pimg{width: 95%;line-height: 15px;}
.about span{font-size:15px;}
abbr{font-size:22px !important;}
.news h2{font-size:22px;}
.hengxian{width:290px}
.tel span, .email span, .language span{font-size:14px;}
.head .fr{display:none;}
.head{padding:0 0;}
.page a.page-num-current{padding: 0 7px;}
.about{padding:35px 0 30px 0;width:85%;margin:0 auto}
.about .more{margin:15px auto;}
.aboutbg{height:auto;}
.aboutbg img{max-width: 100%;width:auto;max-height: 100%;height:auto;}
.pro{padding:35px 0 30px 0;}
.pro ul{width:85%}
.pro .pimg{width:85%;clear:both;margin:10px 30px;height:210px;line-height:200px}
.pro .txt{width:85%;clear:both;text-align:center;margin:10px auto;}
.pro .txt strong::after{margin:5px auto;}
.pro .txt p{font-size: 14px;margin-top: 10px;text-align: left;}
.pro .fr{float:none;}
.pro .more{margin:30px auto 15px auto;}
.news{height:auto;padding:35px 0 30px 0;}
.newsleft{width:100%;height:313px}
.newsright{width:100%;height: auto;}
.news>.fl{float:none;height: auto;}
.news>.fr{float:none;}
.footmenu ul{display:none;}
.footmenu{border:none;}
.footmenu dl{float:none;border:none;margin:0 auto;text-align:center;height:125px;width:100%;}
.footmenu dl dd{line-height:25px;}
.footmenu h2{margin:0;font-size: 16px;}
.footmenu .contact{margin:10px auto;height:140px;width:90%;font-size:14px}
.footmenu .ewm{text-align: center;}
.bottom{line-height:30px;font-size:14px;}
.nav{display: block;}
.contact h1{display: block;text-align: center;}
.contact ul{display: block;display: -webkit-block;justify-content: space-between;-webkit-justify-content: space-between;}
.contact ul li{width: 80%;border-right: none;border-bottom: 1px solid #ccc;margin: 20px auto;}
.contact ul li i{height: 40px;}
.book input{width: 100%;height: 60px;margin: 10px auto;}
.book textarea{margin: 20px auto;}
.book img{width: 120px;height: 45px;}
.book .submit{margin-bottom: 20px;}
.prolist{margin: 0;}
.prolist .fl{float: none;font-size: 14px;}
.prolist .fr{float: none;width: 100%;font-size: 14px;}
.prolist-l{width: 100%;}
.prolist-l dl dt{float: none;width: 100%;height: 50px;line-height: 50px;display: flex;}
.prolist-l dl dd{float: left;width: 50%;border-right: 1px dotted #eee;padding: 0;text-align: center;}
.prolist-l dl dd a{font-size:14px !important;}
.h30{display: none;clear: both;}
.prolist-r .tt{display: none;}
.pview .fl{margin-left: 20px;}
.pview .fr{margin-left: 20px;}
.pview .pimg{width: 100%;min-height: 100px;}
.pview .txt{width: 85%;margin: 0 auto;}
.pview .txt p{display: block;text-align: left;}
.pview .txt h2{text-align: left;}
.newslist .tt{border: none;}
.newslist .tt h1{clear: both;text-align: center;display: block;width: 100%;border: none;}
.newslist .tt span{display: none;border: none;clear: both;}
.newslist ul{border: none;}
.newslist ul li{position: relative;border-bottom: 1px dotted #ccc;margin: 0px;}
.newslist .panel-default{position: absolute;right: 5%;bottom: 8px;width: 106px;height: 20px;box-shadow: none;background: url(../images/time.png) no-repeat;background-position: left top;background-size: 20% 100%;padding-left: 23px;}
.panel-default>.panel-heading{padding: 0;height: 20px;width: 50px;background:none;border: none;font-size: 14px;float: right;}
.newslist .panel-body{padding: 0;background:none;font-size: 14px;}
.panel-default{border:none}
blockquote{padding: 0;}
.panel{margin: 0;}
.newslist .bd{float: none;margin: 20px auto;}
.newslist .bd a{font-size: 16px;font-weight:bold;}
.prolist-r h1{font-size:18px;}
.prolist-r ul li{width: 90%;height: 100%;margin: 50px auto;}
.prolist-r p{height: 100%;}
.prolist-r .more{margin:10px 10px 10px 0;}
.newsright ul li{padding:0 15px;height: 30px;line-height: 30px;}
.contact ul li:nth-child(2) p:nth-child(3){margin-left: 50px;}
.w1200 a{font-size: 14px;}
.news h2{margin-bottom: 10px;}
.pro ul li h3{font-size: 12px;}
}